body {
    font-size: 100px;
    background-color: black;
}
p {
    font-family: '幼圆';
    /* px 像素：绝对单位    em  相对单位 */
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    /* color: yellow; */
    /* color: #FFFFFF; */
    /* color: #fff; */
    /* color: rgb(100, 150, 255); */
    color: rgba(100, 150, 255, .3);
}
h1 {
    font-family: '幼圆';
    /* px 像素：绝对单位    em  相对单位 */
    font-size: 20px;
    font-weight: 700;
    font-style: italic;
    /* color: yellow; */
    /* color: #FFFFFF; */
    /* color: #fff; */
    /* color: rgb(100, 150, 255); */
    color: rgba(100, 150, 255, 1);
}
    /* 靠左对齐
    text-align: left;
    下划线：中间划线
    text-decoration: line-through;
    开头空两格
    text-indent: 2em;
    行高2em
    line-height: 2em;

    body {
        background-color: pink;
    }
    .bgc .one {
        background-color: red;
    }
    .bgc .two {
        background-color: green;
    }
    .bgc .three {
        background-color: transparent;
    }

    .bgi .one {
        height: 500px;
        background-image: linear-gradient(30deg, red, blue, green);
        background-image: radial-gradient(red, blue);
        background-image: url(https://tse2-mm.cn.bing.net/th/id/OIP-C.AAACiPaqhczYOtGP21CRigHaMb?pid=ImgDet&rs=1);
        background-image: url(bg.png);
        background-image: radial-gradient(white 10%, pink);
        background-repeat: repeat;
        background-size: 10px 10px;
    }